A stacked Radar chart
This goes in the documents header:
<script src="RGraph.common.core.js"></script>
<script src="RGraph.common.dynamic.js"></script>
<script src="RGraph.common.tooltips.js"></script>
<script src="RGraph.radar.js"></script>
Put this where you want the chart to show up:
<canvas id="cvs" width="850" height="650">
[No canvas support]
</canvas>
This is the code that generates the chart:
<script>
window.onload = function ()
{
var radar = new RGraph.Radar({
id: 'cvs',
data: [
[31,33,32,31,34,31,32,32,36,33,32,30,31,33,32,31,33,31,32,32,33,30,32,29,31,32,32,31,34,31,32,32,31,32,32,33],
[16,12,13,15,14,12,16,13,15,12,14,16,13,18,15,17,14,14,16,12,13,15,14,12,16,13,15,12,14,16,13,18,15,17,14,14],
[13,15,12,14,13,12,12,13,15,16,15,15,13,15,13,12,14,15,17,16,14,15,13,14,13,12,14,15,18,16,14,15,13,15,13,12],
[13,15,12,14,13,12,12,13,15,16,15,15,13,15,13,12,14,15,17,16,14,15,13,14,13,12,14,15,18,16,14,15,13,15,13,12]
],
options: {
backgroundcirclesPoly: false,
backgroundcirclesPolySpokes: 36,
strokestyle: 'rgba(0,0,0,0)',
fillTooltips: ['Johns figures','Freds figures','Josephs figures','Ricardos figures'],
accumulative: true,
colors: ['#0f0','red','cyan','blue'],
colorsAlpha: 0.3,
textSize: 12,
labels: [
'1/1/2012','1/2/2012','1/3/2012','1/4/2012','1/5/2012','1/6/2012','1/7/2012','1/8/2012','1/9/2012','1/10/2012','1/11/2012','1/12/2012',
'1/1/2013','1/2/2013','1/3/2013','1/4/2013','1/5/2013','1/6/2013','1/7/2013','1/8/2013','1/9/2013','1/10/2013','1/11/2013','1/12/2013',
'1/1/2014','1/2/2014','1/3/2014','1/4/2014','1/5/2014','1/6/2014','1/7/2014','1/8/2014','1/9/2014','1/10/2014','1/11/2014','1/12/2014'
],
textAccessible: true
}
}).draw();
};
</script>